<template>
    <div>
        <el-tabs v-model="activeName" type="card">
            <!-- 使用组件 如：<DepMana></DepMana> 相当于在其他的vue中进行编写 -->
            <el-tab-pane label="部门管理" name="Depmana"><DepMana></DepMana></el-tab-pane>
            <el-tab-pane label="职位管理" name="Posmana"><zhiwei></zhiwei></el-tab-pane>
            <el-tab-pane label="职称管理" name="Joblevelmana"><JobLevelMana></JobLevelMana></el-tab-pane>
            <el-tab-pane label="奖惩规则" name="Fouecmanarth"><ec></ec></el-tab-pane>
            <el-tab-pane label="权限组" name="Permissmana"><PermissMana></PermissMana></el-tab-pane>
        </el-tabs>

    </div>
</template>

<script>
    //导入组件
    import DepMana from '../../components/sys/basic/DepMana'
    import EcMana from '../../components/sys/basic/EcMana'
    import JobLevelMana from '../../components/sys/basic/JobLevelMana'
    import PermissMana from '../../components/sys/basic/PermissMana'
    import PosMana from '../../components/sys/basic/PosMana'

    export default {
        data() {
            return {
                activeName: 'Depmana'
            }
        },
        //注册组件  如果组件名，相同可以去掉，如果不相同的话，需要写key:value的方式  很多方式都是这样  相当于自定义的标签
        components: {
            DepMana,
            "ec":EcMana,
            JobLevelMana,
            PermissMana,
            "zhiwei":PosMana
        }
    }
</script>

<style scoped>

</style>